<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link
      href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css"
      rel="stylesheet"
    />

    <link
      rel="stylesheet"
      href="lib/Simple-Calendar-gh-pages/stylesheets/simple-calendar.css"
    />
    <link rel="stylesheet/less" type="text/css" href="index.less" />

    <title>ADMIN</title>
  </head>

  <body>
    <div class="container">
      <div class="row">
        <div class="col-xs-12">
          <!-- 日历 -->
          <div class="sc-container"></div>

          <div class="btn-group-list">
            <button
              type="button"
              class="btn btn-success add-plan"
              data-toggle="modal"
              data-target="#myModal"
            >
              添加计划
            </button>
            <button
              type="button"
              class="btn btn-default save-data"
              data-toggle="modal"
              data-target="#myModal-2"
            >
              转存数据
            </button>
          </div>

          <!-- <button type="button" class="btn btn-default add-plan" data-toggle="modal" data-target="#myModal">添加计划</button>
                <button type="button" class="btn btn-default" data-toggle="modal" data-target="#myModal">添加计划</button>
                <button type="button" class="btn btn-default" data-toggle="modal" data-target="#myModal">添加计划</button> -->

          <ul class="list-group item-list">
            <!-- <li data-toggle="modal" data-target="#myModal-1" class="list-group-item"><span class="label label-success">已完成</span>
                        <span class="plan-title">Cras justo odio</span></li> -->
            <!-- <li data-toggle="modal" data-target="#myModal-1" class="list-group-item"><span class="label label-warning">未完成</span>Dapibus
                        ac facilisis in111111111111111111111111111111111111111</li>
                    <li data-toggle="modal" data-target="#myModal-1" class="list-group-item"><span class="label label-success"></span>Morbi
                        leo risus</li>
                    <li data-toggle="modal" data-target="#myModal-1" class="list-group-item"><span class="label label-success"></span>Porta
                        ac consectetur ac</li>
                    <li data-toggle="modal" data-target="#myModal-1" class="list-group-item"><span class="label label-success"></span>Vestibulum
                        at eros</li> -->
          </ul>
        </div>
      </div>
    </div>

    <!-- 模态框（Modal） -->
    <div
      class="modal fade"
      id="myModal"
      tabindex="-1"
      role="dialog"
      aria-labelledby="myModalLabel"
      aria-hidden="true"
    >
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-hidden="true"
            >
              &times;
            </button>
            <h4 class="modal-title" id="myModalLabel">添加计划</h4>
          </div>
          <div class="modal-body">
            <div class="form-group">
              <label for="">标题</label>
              <input
                type="text"
                class="form-control"
                id="title"
                required
                placeholder="请输入计划名称"
              />
            </div>
            <div class="form-group">
              <label for="">开始日期</label>
              <input
                type="date"
                class="form-control"
                id="start"
                required
                placeholder="计划开始日期"
              />
            </div>
            <div class="form-group">
              <label for="">图片</label>
              <input
                type="text"
                class="form-control"
                id="pic"
                required
                placeholder="图片网络地址"
              />
            </div>
            <div class="form-group">
              <label for="">周期</label>
              <select class="form-control" id="frequency" required>
                <option value="每天" selected>每天</option>
                <option value="隔天">每隔一天</option>
                <option value="隔两天">每隔两天</option>
                <option value="一次">只有一次</option>
              </select>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary plan-add-btn">
              提交更改
            </button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal -->
    </div>
    <!-- 模态框（Modal-1） -->
    <div
      class="modal fade"
      id="myModal-1"
      tabindex="-1"
      role="dialog"
      aria-labelledby="myModalLabel"
      aria-hidden="true"
    >
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-hidden="true"
            >
              &times;
            </button>
            <h4 class="modal-title" id="myModalLabel">what to do?</h4>
          </div>
          <div class="modal-body">
            <img class="pic-block" src="" alt="" width="100%" />
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-danger del-plan">
              删除该计划
            </button>
            <button type="button" class="btn btn-success plan-complete">
              今日已完成！
            </button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal -->
    </div>
    <!-- 模态框（Modal-2） -->
    <div
      class="modal fade"
      id="myModal-2"
      tabindex="-1"
      role="dialog"
      aria-labelledby="myModalLabel"
      aria-hidden="true"
    >
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-hidden="true"
            >
              &times;
            </button>
            <h4 class="modal-title" id="myModalLabel">what to do?</h4>
          </div>
          <div class="modal-body">
            <textarea
              name=""
              id="input"
              class="io-data-textarea form-control"
              rows="3"
              required="required"
            ></textarea>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary copy-btn">复制</button>
            <button type="button" class="btn btn-success io-btn">导入</button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal -->
    </div>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/less.js/3.8.0/less.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="lib/Simple-Calendar-gh-pages/javascripts/simple-calendar.js"></script>

    <script src="functions.js"></script>
    <script src="index.js"></script>
  </body>
</html>
